<template>
  <el-menu
      default-active="2"
      class="el-menu-vertical-demo"
      router
      @open="handleOpen"
      @close="handleClose"
  >
    <el-menu-item index="1">
      <el-icon><icon-menu /></el-icon>
      <img src="../assets/img/home.svg">首页
    </el-menu-item>
    <el-sub-menu index="2">
      <template #title>
        <el-icon><location /></el-icon>
          <img src="../assets/img/user.svg">用户
      </template>
      <el-menu-item-group>
        <el-menu-item index="2-2">
          <img src="../assets/img/room.svg">添加用户
        </el-menu-item>
      </el-menu-item-group>
      <el-menu-item-group>
        <el-menu-item index="2-3">
          <img src="../assets/img/nurse.svg">用户
        </el-menu-item>
      </el-menu-item-group>
      <el-menu-item-group>
        <el-menu-item index="2-4">
          <img src="../assets/img/cook.svg">用户
        </el-menu-item>
      </el-menu-item-group>
    </el-sub-menu>
    <el-sub-menu index="3">
      <template #title>
        <el-icon><location /></el-icon>
        <img src="../assets/img/room.svg">住宿
      </template>
      <el-menu-item-group>
        <el-menu-item index="/building">
          <img src="../assets/img/room.svg">楼宇
        </el-menu-item>
      </el-menu-item-group>
      <el-menu-item-group>
        <el-menu-item index="3-2">
          <img src="../assets/img/nurse.svg">床位
        </el-menu-item>
      </el-menu-item-group>
      <el-menu-item-group>
        <el-menu-item index="/room">
          <img src="../assets/img/cook.svg">房间
        </el-menu-item>
      </el-menu-item-group>
    </el-sub-menu>
    <el-sub-menu index="4">
      <template #title>
        <el-icon><location /></el-icon>
        <img src="../assets/img/nurse.svg">护理
      </template>
      <el-menu-item-group>
        <el-menu-item index="4-1">
          <img src="../assets/img/room.svg">护理
        </el-menu-item>
      </el-menu-item-group>
      <el-menu-item-group>
        <el-menu-item index="4-2">
          <img src="../assets/img/nurse.svg">护理
        </el-menu-item>
      </el-menu-item-group>
      <el-menu-item-group>
        <el-menu-item index="4-3">
          <img src="../assets/img/cook.svg">护理
        </el-menu-item>
      </el-menu-item-group>
    </el-sub-menu>
    <el-sub-menu index="5">
      <template #title>
        <el-icon><location /></el-icon>
        <img src="../assets/img/cook.svg">膳食
      </template>
      <el-menu-item-group>
        <el-menu-item index="5-1">
          <img src="../assets/img/room.svg">菜单
        </el-menu-item>
      </el-menu-item-group>
      <el-menu-item-group>
        <el-menu-item index="5-2">
          <img src="../assets/img/nurse.svg">菜单
        </el-menu-item>
      </el-menu-item-group>
      <el-menu-item-group>
        <el-menu-item index="5-3">
          <img src="../assets/img/cook.svg">菜单
        </el-menu-item>
      </el-menu-item-group>
    </el-sub-menu>

    <el-menu-item index="6">
      <el-icon><document /></el-icon>
        <img src="../assets/img/price.svg">价格
    </el-menu-item>
    <el-menu-item index="7">
      <el-icon><setting /></el-icon>
      <span>关于我们</span>
    </el-menu-item>
  </el-menu>

</template>

<script setup>

</script>

<style scoped>

</style>